<template>
    <div id="Userpay">
      <Tabs  @on-click="PayMoney(name)" v-model="name">
        <TabPane name="1" label="充值订单查询">
          <Paymoney></Paymoney>
        </TabPane>
        <TabPane name="2" label="著作权代办订单查询">
          <OrderLook></OrderLook>
        </TabPane>
        <TabPane name="3" label="发票申请管理">
          <FapaioShenqing></FapaioShenqing>
        </TabPane>
        <TabPane name="4" label="发票信息管理">
          <FapiaoInfo></FapiaoInfo>
        </TabPane>
      </Tabs>
    </div>
</template>
<script>
import Paymoney from "../UserCommen/Paymoney";
import OrderLook from "../UserCommen/OrderLook";
import FapaioShenqing from "../UserCommen/FapaioShenqing";
import FapiaoInfo from "../UserCommen/FapiaoInfo";

export default {
  data() {
    return {
      name: "1"
    };
  },
  components: {
    Paymoney,
    OrderLook,
    FapaioShenqing,
    FapiaoInfo
  },
  mounted() {
    console.log("tag", "this is 消费管理");
  },
  methods: {
    PayMoney(num) {
      this.$store.commit("SET_XIAOFEI", num);
    }
  }
};
</script>
<style scoped>
</style>


